<template>
  <div class="about-us-page">
    <van-nav-bar title="关于我们" left-text="" left-arrow @click-left="goBack"/>
    <div class="logo-container">
      <img :src="logoSrc" alt="Logo" />
    </div>
    <div class="links-container">
      <van-button type="primary" @click="openLicenseAgreement">软件使用许可协议</van-button>
      <van-button type="primary" @click="openPrivacyPolicy">隐私政策</van-button>
    </div>
    <div class="contact-number">
      客服电话：15525750214
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      logoSrc: 'https://tse3-mm.cn.bing.net/th/id/OIP-C.y6rdSCGpxbfeb8Rd1CpSuwAAAA?rs=1&pid=ImgDetMaing', // 替换为实际的 Logo 路径
    };
  },
  methods: {
    openLicenseAgreement() {
      // 打开软件使用许可协议
      console.log('打开软件使用许可协议');
    },
    openPrivacyPolicy() {
      // 打开隐私政策
      console.log('打开隐私政策');
    },
    goBack(){
      this.$router.go(-1);
    }
  },
};
</script>

<style scoped>
.about-us-page {
  padding: 20px;
}

.logo-container {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}

.links-container {
  display: flex;
  justify-content: center;
  gap: 10px;
}

.contact-number {
  margin-top: 20px;
  text-align: center;
}
</style>
